
    <include file="Common/header" />

    <div class="app">

        <!-- top header -->
        <include file="Common/header_nav" />
        <!-- /top header -->

        <section class="layout">
            <!-- sidebar menu -->
            <include file="Common/left_aside" />
            <!-- /sidebar menu -->

            <!-- main content -->
            <section class="main-content">
                <header class="header navbar bg-default">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="#">参加测试</a>
                        </li>
                        <li>
                            <a href="/Home/MyQuiz/MyReport">我的报告</a>
                        </li>
                        <!--<li>-->
                            <!--<a href="#">本组报告</a>-->
                        <!--</li>-->

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">选项分类<b class="mg-l-xs fa fa-angle-down"></b></a>
                            <ul class="dropdown-menu filter" data-option-key="filter" role="menu">
                                <li><a href="javascript:;" data-filter="*">所有</a></li>
                                <li><a href="javascript:;" data-filter=".hr">分类1</a></li>
                                <li><a href="javascript:;" data-filter=".accounting">分类2</a></li>
                                <li><a href="javascript:;" data-filter=".legal">分类3</a></li>
                            </ul>
                        </li>

                    </ul>



                    <div class="pull-right">
                        <p class="navbar-text pull-left mg-r-xs">
                            查看分类:
                        </p>
                        <div class="btn-group view-options mg-r-md" data-toggle="buttons">
                            <label class="btn btn-primary btn-sm btn-rounded navbar-btn no-margin active" data-view="grid">
                                <input type="radio" name="options" id="option1">
                                <i class="fa fa-th"></i>
                            </label>
                            <label class="btn btn-primary btn-rounded navbar-btn btn-sm" data-view="list">
                                <input type="radio" name="options" id="option2">
                                <i class="fa fa-list"></i>
                            </label>
                        </div>
                    </div>

                </header>
                <!-- content wrapper -->
                <div class="content-wrap">

                    <!--<section class="panel panel-info">-->
                        <!--<header class="panel-heading">参加测评</header>-->
                        <!--<div class="panel-body">-->
                            <!--<table id="datatable" width="100%" border="1" class="table table-bordered table-striped mg-t">-->
                                <!--<thead>-->
                                <!--<tr>-->
                                    <!--<th>测试类型</th>-->
                                    <!--<th>问卷题目</th>-->
                                    <!--<th>问卷题数</th>-->
                                    <!--<th>操作</th>-->
                                <!--</tr>-->
                                <!--<thead>-->
                            <!--</table>-->
                        <!--</div>-->
                    <!--</section>-->




                    <div class="row">
                        <div class="switcher view-grid">
                            <div class="row feed no-margin">
                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 switch-item accounting">
                                    <section class="panel">
                                        <div class="thumb">
                                            <img class="img-responsive" alt="Responsive image" src="__PUBLIC__/asset/img/16pf.jpg"  >
                                        </div>
                                        <div class="panel-body">
                                            <div class="switcher-content">
                                                <a href="/Home/StartQuiz/index/quiz_id/6">卡特尔16PF测验由美国伊利诺州立大学人格及能力研究所雷蒙德·卡特尔教授编制。卡氏采用系统观察法、科学实验法以及因素分析统计法，经过三十年的研究确定了十六种人格特质，并据此编制了测验量表。
                                                </a>

                                                <a href="javascript:;" class="show small">xinqiji.com</a>
                                            </div>
                                        </div>
                                    </section>
                                </div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 switch-item hr accounting">
                                    <section class="panel">
                                        <div class="thumb">
                                            <img class="img-responsive" alt="Responsive image" src="__PUBLIC__/asset/img/mbti.png">
                                        </div>
                                        <div class="panel-body">
                                            <div class="switcher-content">
                                                <p>迈尔斯布里格斯类型指标(MBTI)表征人的性格，是美国心理学家布里格斯和迈尔斯母女凯恩琳·布里格斯和她的女儿伊莎贝尔·布里格斯·迈尔斯制定的。
                                                </p>

                                                <a href="javascript:;" class="show small">xinqiji.com</a>
                                            </div>
                                        </div>
                                    </section>
                                </div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 switch-item legal">
                                    <section class="panel">
                                        <div class="panel-body">
                                            <div class="switcher-content">
                                                <a href="/Home/StartQuiz/index/quiz_id/7"> WIPPF是威斯巴登积极心理人格能力调查表的缩写，是积极心理治疗的核心调查量表，它可以在一张表内测量出你的：
                                                    19项能力所在
                                                    冲突反应模式（面对压力和冲突时的反应倾向性）
                                                    榜样模型（母亲、父亲、他人以及关系）
                                                    社会行为倾向
                                                    情感关系特点
                                                    增强对自己的深入了解、进行深入自我挖掘的必备工具，如果和伙伴共同测试，更能看到双方的共同点、差异和分歧。
                                                </a>

                                                <a href="javascript:;" class="show small">xinqiji.com</a>
                                            </div>
                                        </div>
                                    </section>
                                </div>


                            </div>
                        </div>
                    </div>

                </div>
                <!-- /content wrapper -->

            </section>
            <!-- /main content -->

        </section>

    </div>



    <include file="Common/footer" />

    <include file="MyQuiz/scripts" />
    <script src="__ROOT__/Public/asset/js/quiz/startquiz.js"></script>
    <script>
//        $(document).ready(function() {
//            $(".main-navigation ul").find('li').removeClass('active');
//            $(".main-navigation ul").find('li:eq(1)').addClass('active');
//
//
//            $("#datatable").dataTable({
//                "processing": true,
//                "serverSide": true,
//                "ajax" : "/Public/asset/data/datatables-arrays.txt",
//                "columns": [
//                    {"data": "quiz_type", "bSortable": false},
//                    {"data": "quiz_name"},
//                    {"data": "quiz_num"}
//                ],
//                "columnDefs": [
//                    {
//                        "targets": [3],
//                        "data": "quiz_type",
//                        "render": function(data, type, full) {
//                            return '<a href="/Home/StartQuiz">开始测试</a>';
//                        }
//                    }
//                ]
//            });
//        });
    </script>

    <script src="__PUBLIC__/asset/vendor/isotope/isotope.pkgd.min.js"></script>
    <script>

        $(document).ready(function () {

            $.ajax({
                type:"GET",
                url:"/Home/Index/isOrg",
                dataType:"json",
                async : false,
                success:function(data){

                    if (data.code == 0){
                        $("#li-org").hide();
                    }

                },error: function (jqXHR) {
                    alert("获取组织者权限failed"+jqXHR.status);
                }
            });



            $(".main-navigation ul").find('li').removeClass('active');
            $(".main-navigation ul").find('li:eq(1)').addClass('active');
            $(window).load(function(){

                // initialize

                var $container = $(".feed").isotope({
                    resizable: false,
                    itemSelector: ".switch-item",
                    layoutMode: "masonry"
                });

                $(".filter a").on("click", function () {

                    var selector = $(this).attr("data-filter");
                    $(".filter").find("li").removeClass("active");
                    $(this).parent().addClass("active");
                    $container.isotope({
                        filter: selector
                    });

                    return false;
                });

                $(document).on("click", ".toggle-sidebar", function (e) {
                    e.preventDefault();
                    $container.isotope('layout');
                });

                $(document).on("click", ".view-options label", function (e) {
                    e.preventDefault();
                    if ($(this).data("view") === "grid") {
                        $container.isotope('layout');
                    } else if ($(this).data("view") === "list") {
                        //$container.isotope('destroy')
                        $container.isotope('layout');
                    }
                });

            });
        });



    </script>
